<script setup>
defineProps({
  title: {
    type: String,
    default: "标题",
  },
  leftArrow: {
    type: Boolean,
    default: false,
  },
  leftText: {
    type: String,
    default: "返回",
  },
});
const emit = defineEmits(["leftclick"]);
const handleClickLeft = () => {
  emit("leftclick");
};
</script>

<template>
  <div>
    <van-nav-bar
      @click-left="handleClickLeft"
      :title="title"
      :left-arrow="leftArrow"
      :left-text="leftText"
    />
  </div>
</template>

<style lang="scss" scoped>
:deep(.van-nav-bar) {
  height: 88px;
  .van-nav-bar__content {
    height: 88px;
  }
  .van-nav-bar__text {
    font-family: PingFangSC-Regular;
    font-size: 31.2px;
    color: #666666;
    letter-spacing: 0;
    font-weight: 400;
  }
  .van-icon {
    color: #000;
  }

  .van-nav-bar__arrow {
    font-size: 40px;
  }
  .van-nav-bar__title {
    font-family: PingFangSC-Medium;
    font-size: 36px;
    color: #333333;
    letter-spacing: 0;
    font-weight: 500;
  }
}
</style>
